<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>枣阳市第二人民医院管理系统--中软高科2015</title>
	<meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="Css/style.css" />
    <script type="text/javascript" src="Js/jquery.js"></script>
    <%--<script type="text/javascript" src="Js/jquery.sorted.js"></script>--%>
    <script type="text/javascript" src="Js/bootstrap.js"></script>
    <script type="text/javascript" src="Js/ckform.js"></script>
    <script type="text/javascript" src="Js/common.js"></script>
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }
p{
    margin: 20px 10px 0 60px;
}
        .form-signin {
            max-width: 300px;
            padding: 19px 29px 29px;
            margin: 0 auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        }

        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin input[type="text"],
        .form-signin input[type="password"] {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }

    </style>
</head>
<body>
<div class="container">

    <form class="form-signin" method="post" action="index.html#1/2">
        <h2 class="form-signin-heading">&nbsp;&nbsp;&nbsp;登录系统</h2>
        <input type="text" id="loginName" name="username" class="input-block-level" placeholder="账号">
        <input type="password" id ="loginPwd" name="password" class="input-block-level" placeholder="密码">
        <input type="text" name="verify" id="verify" class="input-medium" placeholder="验证码">
        <img id="imgCode" src="${pageContext.request.contextPath}/codeImage.action">
        <a href="#" onclick="checkcode()">看不清，换一张</a>
    </br>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-large btn-primary" type="button" id="btn">登录</button></p>
    </form>

</div>
</body>
</html>
<script>
    $(function () {
        $("#btn").click(function () {
            var loginName=$("#loginName").val();
            var loginPwd=$("#loginPwd").val();
            var verify=$("#verify").val();
            if(loginName == ""){
                alert("用户名不能为空");
                return false;
            }
            if (loginPwd == ""){
                alert("密码不能为空");
                return false;
            }if (verify == ""){
                alert("验证码不能为空");
                return false;
            }
            var data = {user_loginName:loginName,user_passWord:loginPwd,verify:verify};
            $.ajax({
                type: "POST",//这里必须写POST
                url: "/login",
                data: data,
                dataType:"json",
                success: function(msg){
                    if(msg.status == 200) {
                        alert(msg.result);
                        location.href="/index.html";
                    }else {
                        alert(msg.result);
                    }
                }
            });
        })
    })
    function getXMLRequest(){
    var request;
    try{
        //for火狐等浏览器
        request = new XMLHttpRequest();
    }catch(e){
        try{
            //for IE
            request = new ActiveXObject("Microsoft.XMLHttp");
        }catch(e){
            alert("您的浏览器不支持AJAX!!!");
            return null;
        }
    }
    return request;
}
    function checkcode(){
        var request = getXMLRequest();//得到XMLHttpRequest对象
        request.onreadystatechange = function(){
            if(request.readyState == 4){
                document.getElementById("imgCode").src = "codeImage.action";//改变验证码图片
            }
        }

        request.open("GET","codeImage.action",true);
        request.send(null);
    }
</script>